body{background:#fff;padding:0;margin:0;font-family: "Microsoft YaHei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti,Arial,sans-serif;}
li,ul,ol,h3,p,h4{list-style: none; padding:0;margin:0;font-weight:normal;}
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden; }
.clearfix{}
.btn{font-size:16px;padding:5px 18px;display: inline-block;border-radius: 6px;border:0;cursor:pointer;}
.btn-info{color:#fff;background:#00b2c8; }
.btn-info:hover{background:#0199ac }
.btn-default{}
.color-gray{color:gray}
.supercontainer{background: url(../images/bg_00.jpg) no-repeat;background-size: 100% 100%;}
a{text-decoration: none;}
.pl{float:left;}
.pr{float: right;}
.wp{ margin:0 50px;}
.del-line{text-decoration: line-through}
.mt80{margin-top:80px;}
.mt{padding-top:80px;}

.toper{z-index: 33333;width:100%;padding:0; height:50px;background: #5ba9dc;border-bottom:1px solid #ddd;}
.toper .logo{margin-top:15px;width:170px;-webkit-filter:invert(1);}
.toper .navs{ line-height: 50px;}
.toper .navs a{color:#fff;margin-left:20px;display: inline-block;padding:0 10px; }
.toper .navs a:hover{ border-bottom:1px solid #fff;}
.toper .upbx{position: relative;min-width:170px; color:#fff;height:50px; line-height:50px;padding:0 10px;}
 .toper .navs span{color:#fff;padding-left: 20px;;}

.toper .upbx a{margin:0;padding:0;}
.toper .upbx a:hover{border-bottom:0px;}
.upbx img{margin:0px 5px 0 0;width:30px;height:30px;border-radius: 50%; }
.upbx .ov{display: none;width:100%;left:0px;top:70px; overflow:hidden;line-height:38px;position: absolute;background: #fff;border:1px solid #eee;border-radius: 6px;}
.upbx .ov a{color:#666;display:block;font-size:14px;padding:0 20px;line-height:38px;}
.upbx .ov a:hover{background: #f5f5f5;color:#444;text-decoration: none;}
.upbx:hover .ov{display:block;}

.masthead{background: #00b3c8;padding:50px 0;color:#fff;margin-top:70px;}
.masthead h1{margin:0;}
.container{max-width:1200px;margin:0 auto;}
.bread{font-size:20px;padding:20px 0}
.brack a{color:#00b2c8;font-size: 16px;}  

.apilist li{line-height:35px;font-size:16px}

.side-bg{}

.side{float:left;width:220px;overflow:hidden;border-radius: 6px; }
.side h2{padding:0 20px;}
.side-nav li p a{display:block;color:#666; line-height:1.5;padding:6px 0 0;font-size:14px;} 
.side-nav li{border-top:1px solid #ddd;margin-bottom:35px;}
.side-nav li .hd{padding:5px 0;font-size:20px;color:#5ba9dc;line-height:1.5;display:block;  }
.side-nav li p a:hover{color:#4ba1da;text-decoration:none } 

.main{margin:20px 170px 0 260px;overflow: hidden}
.breadcrumb{margin:0;color:#777;height:40px;line-height: 40px;}
.breadcrumb a{margin-right:6px;color:#00b2c8;}
.breadcrumb a:hover{text-decoration: underline;} 
 
.rightnav{width:130px;float:right; position:fixed;top:90px;right:50px}
.rightnav .hds{color:#5ca9dc;border-top:1px solid #5ca9dc;padding-top:5px;margin-bottom:10px;}
.rightnav li{line-height: 1.5;padding-bottom:8px;}
.rightnav li a{color:#555}
.rightnav .retops a{color:#5ca9dc}
.mtp{margin-top:30px;}


.textar label{display: block;margin-bottom:10px;}
.textar textarea{min-height:120px;}

.apibox{padding:;}
.apilist li{line-height:35px;font-size:16px}

.apilist li .hd{font-size: 24px;color:#333}
.apilist li a{color:#555;display: block;}
.apilist li a:hover{color:#18c1d6;}

.apiview .title{border-bottom:1px solid #ddd;padding:50px 0 15px;}
.apiview .title h3{font-size:28px;}
.apiview .title p{font-size:22px;color:#888;}
.apiview .info{padding:20px 0;font-size:16px;}
.apiview .vtable h3{padding-bottom:20px;}

.showapi{padding-bottom:20px}
.showapi .disc{color:#999;border-bottom:1px solid #ddd;padding-bottom:10px; }
.btn-light{background:#5ba8db;color:#fff}
a.btn-light:hover{background:#09a985;color:#fff}

#tooltip{position:absolute;border-radius: 5px;color:#fff; border:1px solid #222;background:rgba(0,0,0,0.7);padding:2px 5px;display:none;}

.foot{text-align:center;padding:15px 0;border-top:1px solid #ddd;background:#fff;margin-top:20px}
.foot p{line-height: 20px;padding:0;margin:0;color:#888;font-size: 12px;}
.foot p a{color:#555;margin:0 5px;}
.foot p a:hover{color:green; }
.inline{display: inline-block}

.main h2{padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.main h4{padding-bottom:5px}

.comments ul li{border-bottom:1px solid #ddd;padding:15px 0}
.comments ul li .pic{width:50px;height:50px;border:50%;float:left;}
.comments ul li .rt{margin-left:70px;}
.comments ul li .rt h3{font-size:18px;margin:0;padding-top:5px;font-weight:normal}
.comments ul li .rt h3 span{color:#555}
.comments ul li .rt h3 i{color:#999;font-style:normal;display:inline-block;padding-left:10px;}
.comments ul li .rt p{padding-top:5px;color:#999;}

.spinner {
    margin: 100px auto 0;
    width: 150px;
    z-index: 22222;
    text-align: center;
    margin-left: -80px;
    position: fixed;
    left: 50%;
    top: 50px
}

.spinner > div {
    width: 15px;
    height: 15px;
    background-color: #fff;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


.codebox{margin-bottom:20px;min-height: 200px;}

.prname{float:left;color:#fff;line-height:50px;font-size:20px}


.pagination .previous {padding:0;border-bottom:0px}

.ldcomment{margin-bottom:10px;}
.ldcomment a{border:1px solid #eee;padding:3px 10px;background:#f5f5f5;display: block;text-decoration: none;}
.ldcomment a:hover{text-decoration: none;}
table{
    TABLE-LAYOUT:fixed;
    WORD-BREAK:break-all;
}
.tzer label{border:1px solid #eee;background:#f5f5f5;padding:3px 10px; text-align: center;border-radius: 5px;}
 .none{display:none}
.itabs {border-bottom:1px solid #ddd;margin-bottom:10px;}
.itabs span{ cursor:pointer;background:#f5f5f5; display:inline-block;padding:5px 15px;border:1px solid #ddd;border-bottom:0px;}
.itabs span:hover{background:#f5f5f5;}
.itabs span.active{background:#fff;border-bottom:1px solid #fff;margin-bottom:-1px;}
.codebox{ margin-bottom:20px;min-height: 200px;}
.showapidisc dt{float:left;color:#333;font-weight: normal}
.showapidisc dd{float:left;}
.returnparam{margin:2px 0;padding:0 5px;background:#dff0d8; margin-left:20px;border:0px;display: inline-block}

.sm-labs{margin:0 5px 5px 0;color:#fff;display:inline-block; vertical-align: middle;font-size:10px; border-radius:4px;padding:0 5px;}

.matt{padding:5px;background:#eee;}